/* dede58.com 做最好的织梦模板 */



* {

	margin:0px;

	padding:0px;

	font-size:14px;

	font-family:'微软雅黑';

	color:#333;

}

body {

	background:#fff

}

a, a:hover {

	text-decoration:none

}

a:hover {

	color:#4b9b04

}

a {

	color:#333

}

a:hover {

	transition: all 0.3s ease-out 0s;

	-moz-transition:all 0.3s ease-in-out 0s; /* Firefox 4 */

	-webkit-transition:all 0.3s ease-in-out 0s; /* Safari and Chrome */

	-o-transition:all 0.3s ease-in-out 0s; /* Opera */

}

img {

	border:none;

}

ul, li {

	list-style:none

}

.w1000 {

	width:1030px;

	margin:0px auto;

	position:relative

}

#top {

	height:30px;

	line-height:30px;

	background:url(../images/top_bg.gif) repeat-x left center;

	border:1px solid #dcdcdc

}

#top .w1000 {

	font-size:12px;

	color:#808080;

}

#top .w1000 p {

	position:absolute;

	right:0px;

	height:30px;

	line-height:30px;

	top:0px;

	color:#808080

}

#top .w1000 p a {

	font-size:12px;

	color:#808080

}

#logo {

	height:90px;

	background:url(../images/logo_bg.gif) repeat-x left center

}

#logo .logo {

	position:absolute;

	left:0px;

	top:17px;

}

#logo .lianx {

	position:absolute;

	right:0px;

	top:20px;

}

#navbox {

	height:40px;

	background:#4b9b04

}

#navbox ul li {

	width:141px;

	height:40px;

	float:left;

	border-right:1px solid #377302

}

#navbox ul li.first {

	width:140px;

	border-left:1px solid #377302

}

#navbox ul li a {

	display:block;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#fff

}

#navbox ul li a:hover, #navbox ul li a.on {

	background:#377302

}

#liucheng {

	height:345px;

	position:relative

}

#liucheng ul {

	padding-top:20px;

}

#liucheng ul li {

	width:250px;

	height:330px;

	float:left;

}

#liucheng ul li .bg {

	width:200px;

	height:220px;

	position:relative;

	margin-left:20px;

	z-index:99;

	overflow:hidden

}

#liucheng ul li .bg .imgbg {

	position:absolute;

	top:0px;

	width:200px;

	height:220px;

	background:url(../images/heiyuan.png) no-repeat center center;

	z-index:999

}

#liucheng ul li .bg .img {

	position:absolute;

	left:0px;

	z-index:99

}

#liucheng ul li .bg .icon {

	width:37px;

	height:37px;

	display:block;

	background:url(../images/ico.png) no-repeat center center;

	position:absolute;

	top:120px;

	left:80px;

	z-index:999;

	display:none

}

#liucheng ul li .bg .bbg {

	height:200px;

	;

	width:100%;

	background:#111;

	z-index:100;

	position:absolute;

	top:0px;

	left:0px;

}

#liucheng ul li .title {

	width:100%;

	height:30px;

	text-align:center;

	line-height:30px;

	display:block

}

#liucheng .line {

	height:10px;

	width:100%;

	background:#4b9b04;

	position:absolute;

	top:120px;

	z-index:98;

	border-radius:2px;

}

.product {

	height:720px;

	padding-top:15px;

	position:relative;

	background:#f5f5f5

}

.product .head {

	height:60px;

	position:relative

}

.product .head .button {

	background:url(../images/button.gif) no-repeat center center;

	width:315px;

	height:60px;

	line-height:60px;

	font-size:22px;

	color:#fff;

	text-indent:20px;

}

.product .head .more {

	height:60px;

	width:28px;

	background:url(../images/more.gif) no-repeat center center;

	display:block;

	position:absolute;

	right:0px;

	top:0px;

}

.product .line {

	height:6px;

	background:url(../images/line-bg.gif) repeat-x center left;

	width:100%;

	position:absolute;

	top:21px;

}

.product ul {

	margin-top:20px;

}

.product ul li {

	width:315px;

	height:300px;

	float:left;

	margin-right:27px;

}

.product ul li .img img {

	backgroud:#fff;

}

.product ul li .img {

	display:block;

	border:1px solid #dcdcdc;

	padding:2px;

}

.product ul li .img:hover {

	border:2px solid #4b9b04;

	padding:1px;

}

.product ul li .title {

	height:30px;

	line-height:30px;

	text-align:center;

	display:block;

	width:100%;

}

#tsfw {

	height:300px;

	background:#fcfcfc

}

#tsfw .text {

	height:110px;

	line-height:110px;

	font-size:24px;

	color:#434343;

	text-align:center

}

#tsfw .text span {

	color:#4b9b04;

	font-size:24px;

}

#tsfw .w1000 {

	background:url(../images/tsfw.jpg) no-repeat top center;

	height:190px;

}

#news {

	height:350px;

	background:#f5f5f5;

	padding-top:20px;

}

#news .news {

	width:370px;

	float:left

}

#news .news .head {

	height:35px;

	position:relative;

	width:100%;

	background:#4b9b04

}

#news .news .head img {

	position:absolute;

	left:0px;

	top:10px;

}

#news .news ul li {

	height:35px;

	background:url(../images/li_border.gif) repeat-x left bottom

}

#news .news ul li.first {

	height:90px;

	position:relative;

	background:none;

}

#news .news ul li.first a.img {

	position:absolute;

	left:0px;

	top:10px;

	margin:0px;

	padding:0px;

	background:none;

	text-indent:0px;

}

#news .news ul li.first a.title {

	position:absolute;

	left:130px;

	top:0px;

	background:none;

	color:#000;

}

#news .news ul li.first a.intro {

	position:absolute;

	left:130px;

	top:30px;

	background:none;

	color:#999;

	width:220px;

	line-height:170%;

}

#news .news ul li a {

	margin-left:10px;

	line-height:30px;

	display:block;

	height:30px;

	background:url(../images/li_style.gif) no-repeat left center;

	text-indent:10px;

	color:#4b4b4b

}

#news .news .img img {

	padding:1px;

	border:1px solid #dcdcdc;

	background:#fff;

	margin:10px 0px

}

#news .news .intro {

	width:100%;

	line-height:200%;

	font-size:12px;

	color:#424242;

	text-indent:2em

}

#news .news .intro .more {

	color:#4b9b04

}

#news .news .head {

	position:relative

}

#news .news .head .more {

	width:22px;

	height:23px;

	background:url(../images/newsmore.gif) no-repeat center center;

	position:absolute;

	right:10px;

	top:5px;

}

#news .contact {

	width:235px;

	height:314px;

	background:url(../images/contact.gif) no-repeat center center;

	float:left;

	margin-left:10px;

}

#links {

	padding-top:15px;

}

#links .head {

	height:35px;

	background:url(../images/yqlj.gif) no-repeat left center #4b9b04

}

#links a {

	hegiht:35px;

	line-height:35px;

	display:inline-block;

	text-align:center;

	margin-left:20px;

}

#footer {

	height:85px;

	background:#333333;

	padding-top:15px;

}

#footer p {

	color:#fff;

	text-align:center;

	line-height:160%;

	font-size:12px;

}

#footer p a {

	color:#fff;

	font-size:12px;

}

#news .news ul li.first a.img img {

	margin:0px;

}

/*banner*/

#inner {

	width:100%;

	margin: 0 auto;

	height:450px;

	z-index:1

}

.hot-event {

	position:relative;

	z-index:1

}

.hot-event .switch-tab {

	text-align: center;

	padding: 10px 0;

	z-index:2;

	display:none

}

.hot-event .switch-tab a, .hot-event .switch-tab .current {

	margin: 0 2px;

	display: inline-block;

	width: 15px;

	height: 15px;

	background-image: url(../images/bg.png);

	background-position: -161px 0;

	font: 0/0 arial;

	color: transparent;

	overflow: hidden;

	vertical-align: top;

}

.hot-event .switch-tab .current {

	background-image: url(../images/bg.png);

	background-position: -195px 0;

}

.hot-event .switch-nav {

	position: absolute;

	right: 12px;

	top: 350px;

	z-index: 2;

}

.hot-event .switch-nav .i-prev {

	background-image: url(../images/bg.png);

	background-position: -127px 0;

}

.hot-event .switch-nav .prev {

	border-radius: 3px 0 0 3px;

	border-width: 1px;

}

.hot-event .switch-nav .next {

	border-radius: 0 3px 3px 0;

	border-width: 1px 1px 1px 0;

}

.hot-event .switch-nav .i-next {

	background-image: url(../images/bg.png);

	background-position: -144px 0;

}

.hot-event .switch-nav a {

	display: inline-block;

	padding: 7px 16px;

	background: rgba(0,0,0,.3);

	border-style: solid;

	border-color: rgba(255,255,255,.6);

}

.hot-event .switch-nav a:hover {

	background: rgba(0,0,0,.2);

}

.hot-event .event-item {

	height: 300px;

	width:100%;

	position: absolute;

	z-index:1;

	left: 0;

	top: 0;

}

.hot-event .event-item .banner {

	display: block;

}

.hot-event .event-item img {

	-webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(85%, transparent), to(rgba(255,255,255,.2)));

	border: 0;

}

.hide-clip {

	position: absolute!important;

	clip: rect(1px 1px 1px 1px);

	clip: rect(1px,1px,1px,1px);

	padding: 0!important;

	border: 0!important;

	height: 1px!important;

	line-height: 0!important;

	width: 1px!important;

	overflow: hidden;

}

a {

	text-decoration: none;

}

a .ico {

	cursor: pointer;

}

.ico {

	display: inline-block;

	width: 16px;

	height: 16px;

	vertical-align: middle;

	overflow: hidden;

}

#body {

	background:#f5f5f5

}

#list {

	background:#fff;

	margin:20px auto;

	border:1px solid #e1e1e1

}

#list .navicat {

	height:60px;

	padding-top:10px;

	border-bottom:1px solid #dcdcdc;

	margin:0px 15px;

	position:relative

}

#list .navicat span {

	display:block;

	height:60px;

	text-indent:20px;

	line-height:60px;

	font-size:28px;

	background:url(../images/left_border.gif) no-repeat left center;

	color:#4c9c05

}

#list .navicat p {

	width:600px;

	position:absolute;

	right:0px;

	top:10px;

	height:60px;

	line-height:60px;

	text-align:right;

	color:#999

}

#list .navicat p a {

	color:#999

}

#list .clicklist {

	margin:10px 15px;

}

#list .clicklist li {

	width:95px;

	height:30px;

	float:left

}

#list .clicklist li a {

	display:block;

	height:30px;

	line-height:30px;

	text-align:center;

	background:#666;

	margin-left:5px;

	color:#fff

}

#list .clicklist li a:hover, #list .clicklist li a.on {

	background:#4c9c05;

}

#list .productlist {

	margin:20px 15px;

}

#list .productlist li {

	width:290px;

	height:265px;

	float:left;

	margin-left:25px;

	margin-top:20px

}

#list .productlist li .img {

	width:290px;

	display:block;

	border:1px solid #dcdcdc;

	height:240px;

}

#list .productlist li .img:hover {

	border:2px solid #4c9c05;

	width:288px;

	height:238px;

}

#list .productlist li .img img {

	margin:2px;

}

#list .productlist li .title {

	height:30px;

	width:100%;

	display:block;

	line-height:30px;

	text-align:center

}

#list_page {

	height:25px;

	width:100%;

	float:left;

	padding-bottom:15px;

	margin-top:25px;

	color:#cecccd;

	overflow:hidden;

	line-height:25px;

}

#list_page ul {

	float:left;

	position:relative;

	left:50%;

}

#list_page ul li {

	float:left;

	display:inline;

	margin-left:3px;

	height:25px;

	position:relative;

	left:-50%;

	line-height:25px;

	overflow:hidden;

}

#list_page ul li a {

	text-decoration:none;

	color:#b1b1b1;

	display:block;

	height:23px;

	line-height:23px;

	border:1px solid #cecccd

}

#list_page ul li a:hover {

	background:#264d6a;

	color:#fff;

	border:none

}

.view {

	margin:15px;

	margin-top:30px;

}

.view .title {

	font-size:16px;

	text-align:center;

	color:#4c9c05

}

.view .time {

	color:#999;

	text-align:center;

	margin-top:15px;

}
.tuijian {

	margin:15px;

	margin-top:30px;

}
.tuijian p{
	color:red;
	font-size:16px;
}
.tuijian2 {

	margin:10px;

	margin-top:30px;

}
.tuijian2 p{
	color:red;
	font-size:16px;
}
.tuijian2 ul {

	margin-top:20px;

}

.tuijian2 ul li {

	width:200px;

	height:200px;

	float:left;

	margin-right:15px;

}

.tuijian2 ul li .img img {

	backgroud:#fff;

}

.tuijian2 ul li .img {

	display:inline;

	padding:2px;

}



.tuijian2 ul li .title {

	height:30px;

	line-height:30px;

	text-align:center;

	display:block;

	width:100%;

}

#list .newslist {

	margin:20px

}

#list .newslist li {

	height:30px;

	background:url(../images/news.gif) repeat-x left bottom;

	position:relative

}

#list .newslist li a {

	display:block;

	margin-left:5px;

	height:30px;

	line-height:30px;

	background:url(../images/news_style.gif) no-repeat left center;

	text-indent:15px;

}

#list .newslist li span {

	font-size:12px;

	height:30px;

	line-height:30px;

	color:#999;

	position:absolute;

	right:10px;

	top:0px;

	display:block

}

#scrollqq {

	height:240px;

	width:125px;

	position:absolute;

	right:0px;

	top:200px;

	background:url(../images/qq.png) no-repeat center center;

	z-index:9999

}